<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" type="text/css" href="{{pluResPath}}html/roleList/roleList.css"/>
    <link rel="preload" href="{{resPath}}/font/tttgbnumber.ttf" as="font">
    {{@headStyle}}
  </head>
  <body id="container" class="body_box">
    <div class="container {{displayMode}}_mode">
      <div class="info_box">
        <div class="head_box">
          <div class="id_text">
            ID: {{uid}}
          </div>
          <div class="lable">共{{avatars.length }}名角色</div>
          <img class="genshin_logo" src="{{pluResPath}}img/other/原神.png"/>
        </div>

        <div class="data_box">
          <div class="tab_lable for_talent">角色技能列表</div>
          <div class="tab_lable for_weapon">角色详情列表</div>
          <div class="talent_list">
            <div class="avatar th">
              <div class="index">#</div>
              <div class="name">角色</div>
              <div class="lvl">等级</div>
              <div class="fetter">好感</div>
              <div class="cons">命座</div>
              <div class="talent">普攻</div>
              <div class="talent">技能</div>
              <div class="talent">爆发</div>
              <div class="weapon for_weapon">武器</div>
              <div class="talent_res for_talent">天赋素材(周)</div>
            </div>
            {{each avatars avatar idx}}
            <div class="avatar">
              <div class="index star{{avatar.rarity}}">{{idx+1}}</div>
              <div class="name_cont star{{avatar.rarity}}">
                <div class="name">
                  <div class="avatar_img">
                    <img src="{{pluResPath}}img/side/{{avatar.name}}.png"/>
                  </div>
                  <div class="avatar_name">
                    {{abbr[avatar.name] || avatar.name}}
                  </div>
                </div>
              </div>
              <div class="lvl lvl{{avatar.level}}">{{avatar.level}}</div>
              <div class="fetter fetter{{avatar.fetter}}">{{avatar.fetter == 10 ? '' : avatar.fetter}}</div>
              <div class="cons"><span class="life{{avatar.cons}}">{{avatar.cons}}</span></div>
              <div class="talent lv{{avatar.a_lvl}}">{{avatar.a}}</div>
              <div class="talent lv{{avatar.e_lvl}} {{avatar.e_plus ? 'talent_plus':''}}">{{avatar.e}}</div>
              <div class="talent lv{{avatar.q_lvl}} {{avatar.q_plus ? 'talent_plus':''}}">{{avatar.q}}</div>
              <div class="weapon for_weapon weapon_{{avatar.weapon_rarity}}">
                {{if avatar.weapon_name}}
                <div class="weapon_box">

                  <span class="weapon_lv">Lv{{avatar.weapon_level}}</span>

                  <span class="weapon_alv weapon_alv_{{avatar.weapon_affix_level}}">{{avatar.weapon_affix_level}}</span>
                  <img src="{{pluResPath}}img/weapon/{{avatar.weapon_name}}.png"/>
                  <span class="weapon_name">{{abbr[avatar.weapon_name] || avatar.weapon_name}}</span>
                </div>
                {{/if}}
              </div>
              <div class="talent_res for_talent {{avatar.talentWeek === week ? 'today_talent':''}}">
                {{if avatar.talent}}
                <img src="{{pluResPath}}img/talent/{{avatar.talent}}_4.png"/>
                {{avatar.talent}}({{avatar.talentWeek}},{{avatar.talentWeek+3}})
                {{else}}
                -
                {{/if}}
              </div>

            </div>
            {{/each}}
          </div>
          <p class="talent_notice">{{talentNotice}}</p>
        </div>
        <div class="logo"> Created By Miao-Yunzai & Miao-Plugin</div>
      </div>
    </div>

  </body>
</html>